const demosData = {
  demos: window.demos,
  // 分类数据
  categories: [
    { id: 'all', name: '全部' },
    { id: 'buttons', name: '按钮' },
    { id: 'icons', name: '图标' },
    { id: 'loadings', name: '加载' },
    { id: 'navigations', name: '导航栏' },
    { id: 'cards', name: '卡片' },
    { id: 'forms', name: '表单' },
    { id: 'animations', name: '动画' },
    { id: 'layouts', name: '布局' },
  ],

  // 获取所有示例
  getAllDemos() {
    return this.demos
  },

  // 根据分类获取示例
  getDemosByCategory(category) {
    return category === 'all' ? this.demos : this.demos.filter((demo) => demo.category === category)
  },

  // 根据ID获取示例
  getDemoById(id) {
    return this.demos.find((demo) => demo.id === id)
  },

  // 获取所有分类
  getCategories() {
    return this.categories
  },

  // 添加新示例
  addDemo(demo) {
    this.demos.push({
      id: this.demos.length + 1,
      ...demo,
    })
  },
}
